﻿
.header{
    background-color:rgba(40, 40, 40, 0.3);
    z-index: 1000;
    position: absolute;
    width: 100%;
}

.headermain{
    height: 55px;
    position: relative;
}
.logo{
    margin-top: 10px;
}
.headerright{
    float: right;
}
.headerright li{
    float: left;
    margin-left: 25px;
    margin-right: 25px;
    position: relative;
}
.headerright li a{
    height: 55px;
    position: relative;
    line-height: 55px;
color: white;
    font-size: 14px;
    padding-right: 10px;
    padding-left: 10px;
    display: block;
}
.on:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0px;
    display: block;
    bottom: 0px;
    background: #6decf6;
}
.headerright li:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
left: 0px;
    display: block;
    bottom: 0px;
}
.headerright li:hover:after{
    background: #6decf6;
}
.sanjiao{
    width: 7px;
    height: 7px;
    border-left: 1px solid white;
    border-top:1px solid white ;
    display: inline-block;
    margin-left: 6px;
    -webkit-transform:rotate(225deg);
    transform:rotate(225deg);
    -webkit-transition:transform .7s ;
    transition:transform .7s ;
}
.aa:hover .sanjiao{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}
.shejiao,.about {
    position: absolute;
    background-color: #586265;
display: block;
    width: 100%;
    height: 0px;
    overflow: hidden;
    -webkit-transition: height .8s;
    transition: height .8s;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
.headerright li:hover .shejiao{
    height: 120px;
}
.headerright li:hover .about{
    height: 80px;
}
.shejiao li,.about li {
    clear: both;
    width: 100%;
    height: 90px!important;
}
.shejiao li:after{
    content: ''!important;
    height: 0px!important;
}
.about li:after{
    content: ''!important;
    height: 0px!important;
}
.shejiao li,.shejiao a,.about li,.about a{
    padding: 0!important;
    margin: 0!important;
    height: 40px!important;
    width: 100%;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 40px!important;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
.shejiao a,.about a{
    padding-left: 10px!important;
}

.shejiao a:hover{
    background-color:#4C5152;
}
.about a:hover{
    background-color:#4C5152;
}

.banner{
    display: block;
    background-image:url("../imgs/banner.png");
    background-position: center;
    background-repeat: no-repeat;
    height: 610px;
}
.bannermain{
    display: block;
    width: 1000px;
    position: relative;
}
.bannermainleft{
    width: 498px;
    text-align: center;
    margin:0 auto;
}
.bannerimg{
width: 150px;
}
.bannerh1{
    font-size: 40px;
    color: white;
    margin-top: 20px;
    letter-spacing: 3px;
}
.font31{
    font-size: 31px;
    color: white;
}
.font24{
    margin-top: 20px;
    font-size: 24px;
    color: white;
}
.font24{
    margin-top: 20px;
    font-size: 24px;
    color: white;
}

.place{
    background: #FFFFFF;
    background-image: url("../imgs/place_bg.png");
    background-position: center;
    background-repeat: no-repeat;
}

.placemian{

    height: 640px;
}
.placemianright{
    margin-top:130px;
    margin-right: 10px;
}
.placemianh1{
    font-size: 26px;
    text-align: right;
    line-height: 44px;
    color:#323232 ;
}
.placemianright p{
    margin-top: 70px;
    text-align: right;
    font-size: 15px;
    color:#929292;
    line-height: 27px;
}
.socialadvertising{
    background-image: url("../imgs/socialadvertising_bg.png");
    background-position: center;
    background-repeat: no-repeat;
}

.socialadvertisingmain{
    height: 640px;

}
.socialadvertisingleft{
    margin-top: 100px;
    margin-left: 100px;
}
.socialadvertisingh1{
    font-size: 26px;
    color: #323232;
}
.socialadvertisingleftp{
    margin-top: 70px;
    margin-top: 40px;
    font-size: 15px;
    color:#929292;
    line-height: 27px;
    width: 350px;
    height: 160px;
}
.socialadvertisingleft span{
    width: 80px;
    height: 3px;
    background: #4489f1;
    margin-top: 30px;
    display: block;
}
.socialadvertisingleftdiv1{
    margin-top: 70px;
}
.socialadvertisingleftdiv1 li{
    float: left;
    margin-right: 10px;

}
.socialadvertisingleftdiv1 li a{
    padding: 20px 15px 20px 15px;
    background: white;
    color:#4A4A4A;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 4px #E6E6E6;
    box-shadow: 0 0 4px #E6E6E6;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
}

.socialadvertisingleftdiv1 li a:hover{
    background: #23a8f4;
    color: white;

}
.socialadvertisingright{
    margin-top: 38px;
    margin-right: 100px;
    width: 299px;
    height: 594px;
    position: relative;
}
.socialadvertisingrightdiv1{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100;
translate(0,0)scale(.75);
    -webkit-transform: translate(0,0)scale(.75);
}

.socialadvertisingrightdiv1a{

    -webkit-animation:socialadvertisingrightdiv1a 1s;
    animation:socialadvertisingrightdiv1a 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes socialadvertisingrightdiv1a {
    from{
        -webkit-transform: translate(0,0)scale(.75);

    }
    to{
        -webkit-transform: translate(-90px,-90px)scale(1);

    }
}
@keyframes socialadvertisingrightdiv1a {
    from{
       transform: translate(0,0)scale(.75);

    }
    to{
       transform: translate(-90px,-90px)scale(1);

    }
}

.socialadvertisingrightdiv2{
    position: relative;
}
.socialadvertisingrightdiv1img{
     margin-top: 177px;
    margin-left: -26px;
 }
.socialadvertisingrightdiv2img{
   opacity: .8;
    filter: Alpha(opacity=80);
}
.socialadvertisingrightdiv2div1{
    width: 250px;
    height: 285px;
    background: #cdcdcd;
    position: absolute;
    top: 0;
    margin-top: 211px;
    margin-left: 24px;
    display: none;
}
.socialadvertisingrightdiv2line1{
    width: 180px;
    -webkit-transform: rotate(41deg);
    transform: rotate(41deg);
    margin-left: -154px;
    margin-top: 494px;
}
.socialadvertisingrightdiv2line2{
    width: 190px;
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg);
    margin-left: 85px;
    margin-top: 495px;
}
.socialadvertisingrightdiv2line3{
    width: 125px;
    -webkit-transform: rotate(72.5deg);
    transform: rotate(72.5deg);
    margin-left: 151px;
    margin-top: 211px;

}
.socialadvertisingrightdiv2line1,.socialadvertisingrightdiv2line2,.socialadvertisingrightdiv2line3{
    display: none;
    height: 1px;
    border-bottom: 1px dashed #2abd2a;
    position: absolute;
    top: 0;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}
.ba{
    color: white!important;
    background: #23a8f4!important;
    font-weight: 800!important;
}


.socialadvertisingrightdiv2div2{
    display: none;
    width: 250px;
    height: 150px;
    background: #cdcdcd;
    display: block;
    position: absolute;
    top: 0;
    margin-top: 347px;
    margin-left: 24px;
}
.socialadvertisingrightdiv2line2_1{
    width: 156px;
    -webkit-transform: rotate(31deg);
    transform: rotate(31deg);
    margin-left: -130px;
    margin-top: 494px;
}
.socialadvertisingrightdiv2line2_2{
    width: 190px;
    transform: rotate(65deg);
    margin-left: 85px;
    margin-top: 495px;
}
.socialadvertisingrightdiv2line2_3{
    width: 81px;
    -webkit-transform: rotate(59.5deg);
    transform: rotate(59.5deg);
    margin-left: 195px;
    margin-top: 348px;

}
.socialadvertisingrightdiv2line2_1,.socialadvertisingrightdiv2line2_2,.socialadvertisingrightdiv2line2_3{
    display: none;
    height: 1px;
    border-bottom: 1px dashed #2abd2a;
    position: absolute;
    top: 0;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}
.socialadvertisingrightdiv2div3{
    width: 250px;
    height: 143px;
    background: #cdcdcd;
    position: absolute;
    top: 0;
    margin-top: 354px;
    margin-left: 24px;
    display: none;
}
.socialadvertisingrightdiv2line3_1{
    width: 158px;
    -webkit-transform: rotate(31.5deg);
    transform: rotate(31.5deg);
    margin-left: -132px;
    margin-top: 494px;

}
.socialadvertisingrightdiv2line3_2{
    width: 190px;
    -webkit-transform: rotate(65deg);
    transform: rotate(65deg);
    margin-left: 85px;
    margin-top: 495px;
}
.socialadvertisingrightdiv2line3_3{
    width: 81px;
    -webkit-transform: rotate(62.5deg);
    transform: rotate(62.5deg);
    margin-left: 194px;
    margin-top: 353px;

}

.socialadvertisingrightdiv2line3_1,.socialadvertisingrightdiv2line3_2,.socialadvertisingrightdiv2line3_3{
    display: none;
    border-bottom: 1px dashed #2abd2a;
    position: absolute;
    top: 0;
    height: 1px;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}



.service1{
    display: block;
    background-image: url("../imgs/service1_bg.png");
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 480px;
}
.service1main{
   width: 600px;
    height: 300px;
    margin: 0 auto;
    display: block;
    padding-top: 134px;
    position: relative;
}
.service1maindiv1{

    margin-top: 80px;
    margin-left: 23px;
}
.service1maindiv2{

    margin-top: 0px;
    margin-left: 150px;
}
.service1maindiv3{

    margin-top: 0px;
    margin-left: 316px;
}
.service1maindiv4{
    margin-top: 82px;
    margin-left: 443px;
}
.service1maindiv1,.service1maindiv2,.service1maindiv3,.service1maindiv4{
    width: 120px;
    height: 120px;
    display: block;
    position: absolute;
    border: 0px;
}
.service{

    background-image: url("../imgs/service_bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
}
.servicemain{
    height: 639px;
    position: relative;
}
.servicemainh1{
    text-align: center;
    padding-top: 50px;
}
.servicemainp {
    position: absolute;
    right: 0px;
    margin-right: 5px;
    font-size: 15px;
    width: 469px;
    margin-top: 65px;
    color: white;
    background-color:rgba(40, 40, 40, 0.6);
    line-height: 35px;
    padding: 38px;
}
.servicemainp span{
    color: #23a8f4;
}
.serviceline{
    position: absolute;
    right: 0px;
    margin-right: 5px;
    margin-top: 298px;
    width: 545px;
    background: #69686B;;
    height: 3px;
}

.plan{
    background-image:url("../imgs/plan_bg.png");
    background-position: center;
    background-repeat: no-repeat;
}

.planmain{
    height: 639px;
}
.planh1{
    padding-top: 50px;
text-align: center;
}
.plandiv1{
    margin-top: 50px;
    position: relative;
    height: 336px;
}
.plandiv1 li{
    width: 240px;
    float: left;
    height: 336px;
    text-align: center;
background: rgba(60, 62 ,68 , .8);
    margin-right: 20px;
    position: relative;
}

.li1div{
    position: absolute;
    width:240px;
    height: 336px;
    display:none;
    background:#363638;
    top:0px;

    text-align: center;

}
.li1div p{
    margin-top:100px;
    line-height: 25px;
    color: white;
    font-size: 14px;
}
.plandiv1 li:hover .li1div{
    display: block;
}
.liimg{
    width: 65px;
    margin-top: 80px;
}
.lip{
    margin-top: 50px;
    line-height: 30px;
    font-size: 18px;
    color: white;
}
.planp{
    margin-top: 60px;
    text-align: center;
}
.planp a{
    padding: 10px 25px 10px 25px;
    background:rgba(71, 74 ,78 , .6);
    color: white;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 600;
}
.planp a:hover{
    background:rgba(71, 74 ,78 , 1);
}



.case{

}
.casemain{
height: 718px;

}
.caseh1{
    padding-top: 50px;
    text-align: center;
    color:#323232;
}

.casediv1{
    margin-top: 20px;
    height: 485px;
}
.casediv1 ul li{
    margin-top: 40px;
    margin-right: 25px;
    float: left;
    position: relative;
}

.casep{
    margin-top: 40px;
    text-align: center;
}

.casep a{
    padding: 10px 25px 10px 25px;
    background: #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-weight: 600;
    color: #4b4b4b;
    -webkit-box-shadow: 0px 4px 8px #B9B9B9;
    box-shadow: 0px 4px 8px #B9B9B9;
}
.casep a:hover{
    background: #DCDCDC;
}
/*
.caselidiv{
    position: absolute;
    width: 220px;
    height: 170px;
    top: 0px;
    display: none;
    background: rgba(255, 255, 255, 0.9);
    text-align: center;
    padding: 15px;
}

.casediv1 ul li:hover .caselidiv{
    display: block;
}
.caselidivp1{
    font-size: 21px;
    height: 50px;
    line-height: 50px;
    font-weight: 600;
    color: #323232;
}
.caselidivp2{
text-align: left;
    line-height: 28px;
}
.caselidivp3{
    margin-top: 10px;
    color: #868686
}
.caselidivp3 a{
    margin-right: 5px;
    margin-left: 5px;
    color: #23a8f4;
}
*/
.touch{
    height: 304px;
    background-image: url("../imgs/touch_bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.toucha{
    position: absolute;
    width: 310px;
    height: 60px;
    top: 0px;
    left: 50%;
    margin-left: -155px;
    margin-top: 63px;
}



/*society*/

.society_banner{
    display: block;
background-image: url("../imgs/txsociety_banner_bg.png");
    background-position: center;
    background-repeat: no-repeat;
}
.society_banner{
    height: 610px;
    display: block;
}


.society_position{
    background-image: url("../imgs/txsociety_position_bg.png");
    background-position: center;
    background-repeat: no-repeat;
}
.society_positionmain{
height: 640px;
}
.society_positionmainh1{
    text-align: center;
    padding-top: 50px;
    color: #3E3E3E
}

.society_value{
    background-image: url("../imgs/txsociety_value_bg.png");
    background-position: center;
    background-repeat: no-repeat;
}
.society_valuemain{
height: 640px;
    position: relative;
}

.society_valueabsolute{
    position: absolute;
margin-top: 195px;
    right: 0px;
    text-align: center;
    margin-right: 70px;
}
.society_valueabsolutep{
    color: white;
    margin-top: 10px;
    font-size: 13px;
}

.society_user{
    background-image: url("../imgs/txsociety_user_bg.png");
    background-position: center;
    background-repeat: no-repeat;
}
.society_usermain{
height: 646px;
}

.society_userh1{
    text-align: center;
    padding-top: 50px;
    color:#3E3E3E ;
}
.society_usertop{
    width: 927px;
    margin-top: 44px;
}
.society_usertopul{
    height: 72px;

}
.society_usertopul li{
    float: left;
    width: 185.4px;
}
.society_usertopul li a{
    height: 72px;
    line-height: 72px;
    text-align: center;
    color: white;
    font-size: 14px;
    cursor: pointer;
    display: block;
    letter-spacing: 3px;
}
.society_usertopullia{
    background:#478FF5
}
.society_usertopul li a:hover{
    background:#478FF5
}
.society_usermiddle{
    margin-top: 5px;
    height: 393px;
    overflow: hidden;
}

li#London {
    display: block;
}
.active {
    background-color: #478FF5;
}
.tabcontent {
    display: none;
}
.ul1li1div{
    padding-top: 60px;
    margin-left: 30px;
}
.society_userdisplayb{
    display: block!important;
}
.ul1li1divh1{
letter-spacing: 2px;
    font-size: 30px;
    color: white;
}
.ul1li1divp{
    padding-top: 30px;
    width: 397px;
    line-height: 25px;
    color: white;
}

.ul1li1divp_5{

}
.ul1li{
    display: none;
}
.society_usermiddleright{
    width: 235px;
    height: 100%;
    display: block;
    position: relative;
    margin-right: 266px;
    margin-top: 35px;
}

.society_usermiddleright1{
      width: 100%;
      height:100%;
    text-align: center;
      display: block;
      position:absolute;
      top:0px;
  }
.society_usermiddleright1 img{
width: 100%;

}

.society_usermiddleright1div1{
    width: 195px;
    height: 90px;
    background: #cdcdcd;
    position: absolute;
    top: 0;
    margin-top: 268px;
    margin-left: 20px;
}

.society_usermiddleright1div1line1,.society_usermiddleright1div1line2,.society_usermiddleright1div1line3{
    height: 1px;
    border-bottom: 1px dashed #2abd2a;
    position: absolute;
    top: 0;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}
.society_usermiddleright1div1line1{
    width: 135px;
    -webkit-transform: rotate(17deg);
    transform: rotate(17deg);
    margin-left: -113px;
    margin-top: 355px;
}
.society_usermiddleright1div1line2{
    width: 132px;
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
    margin-left: 88px;
    margin-top: 358px;
}
.society_usermiddleright1div1line3{
    width: 105px;
    -webkit-transform: rotate(21.5deg);
    transform: rotate(21.5deg);
    margin-left: 111px;
    margin-top: 266px;
}






.society_usermiddleright1div2{
    width: 195px;
    height: 204px;
    background: #cdcdcd;
    position: absolute;
    top: 0;
    margin-top: 155px;
    margin-left: 20px;
}

.society_usermiddleright1div2line1,.society_usermiddleright1div2line2,.society_usermiddleright1div2line3{
    height: 1px;
    border-bottom: 1px dashed #2abd2a;
    position: absolute;
    top: 0;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}
.society_usermiddleright1div2line1{
    width: 140px;
    -webkit-transform: rotate(22.8deg);
    transform: rotate(22.8deg);
    margin-left: -118px;
    margin-top: 355px;
}
.society_usermiddleright1div2line2{
    width: 132px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    margin-left: 88px;
    margin-top: 358px;
}
.society_usermiddleright1div2line3{
    width: 108px;
    -webkit-transform: rotate(25.5deg);
    transform: rotate(25.5deg);
    margin-left: 108px;
    margin-top: 154px;
}



.society_usermiddleright1div3{
    width: 195px;
    height: 108px;
    background: #cdcdcd;
    position: absolute;
    top: 0;
    margin-top: 155px;
    margin-left: 20px;
}

.society_usermiddleright1div3line1,.society_usermiddleright1div3line2,.society_usermiddleright1div3line3{
    height: 1px;
    border-bottom: 1px dashed #2abd2a;
    position: absolute;
    top: 0;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}
.society_usermiddleright1div3line1{
    width: 140px;
    -webkit-transform: rotate(25.8deg);
    transform: rotate(25.8deg);
    margin-left: -118px;
    margin-top: 261px;
}
.society_usermiddleright1div3line2{
    width: 132px;
    -webkit-transform: rotate(33deg);
    transform: rotate(33deg);
    margin-left: 85px;
    margin-top: 261px;
}
.society_usermiddleright1div3line3{
    width: 108px;
    -webkit-transform: rotate(34.5deg);
    transform: rotate(34.5deg);
    margin-left: 107px;
    margin-top: 154px;
}







.society_usermiddleright1div4{
    width: 195px;
    height: 97px;
    background: #cdcdcd;
    position: absolute;
    top: 0;
    margin-top: 159px;
    margin-left: 20px;
}

.society_usermiddleright1div4line1,.society_usermiddleright1div4line2,.society_usermiddleright1div4line3{
    height: 1px;
    border-bottom: 1px dashed #2abd2a;
    position: absolute;
    top: 0;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}
.society_usermiddleright1div4line1{
    width: 137px;
    -webkit-transform: rotate(18.8deg);
    transform: rotate(18.8deg);
    margin-left: -115px;
    margin-top: 254px;
}
.society_usermiddleright1div4line2{
    width: 132px;
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    margin-left: 85px;
    margin-top: 254px;
}
.society_usermiddleright1div4line3{
    width: 103px;
    -webkit-transform: rotate(19.8deg);
    transform: rotate(19.8deg);
    margin-left: 113px;
    margin-top: 158px;
}




.society_usermiddleright1div5{
    width: 195px;
    height: 223px;
    background: #cdcdcd;
    position: absolute;
    top: 0;
    margin-top: 120px;
    margin-left: 20px;
}

.society_usermiddleright1div5line1,.society_usermiddleright1div5line2,.society_usermiddleright1div5line3{
    height: 1px;
    border-bottom: 1px dashed #2abd2a;
    position: absolute;
    top: 0;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}
.society_usermiddleright1div5line1{
    width: 137px;
    -webkit-transform: rotate(21.8deg);
    transform: rotate(21.8deg);
    margin-left: -115px;
    margin-top: 340px;
}
.society_usermiddleright1div5line2{
    width: 132px;
    -webkit-transform: rotate(29deg);
    transform: rotate(29deg);
    margin-left: 85px;
    margin-top:340px;
}
.society_usermiddleright1div5line3{
    width: 103px;
    -webkit-transform: rotate(25.8deg);
    transform: rotate(25.8deg);
    margin-left: 113px;
    margin-top: 119px;
}

.society_usermiddleright2{
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    position:absolute;
    top:0px;
    -webkit-transition: transform 1s;
    transition: transform 1s;
translate(0px,0px) scale(.8);
    -webkit-transform: translate(0px,0px) scale(.85);
}
.society_usermiddleright2img{
    margin-top: 299px;

}
.society_usermiddleright2 img{
width: 100%;
}
.society_usermiddleright2a{
    position: absolute;
    width: 250px!important;
    height: 100%;
    width: auto!important;
    top: 0px;
    -webkit-animation:society_usermiddleright2a 1s;
    animation:society_usermiddleright2a 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

}

@-webkit-keyframes society_usermiddleright2a {
    from{
        -webkit-transform: translate(0px,0px) scale(.85);
    }
    to{
        -webkit-transform: translate(-110px,-70px) scale(1);
    }
}
@keyframes society_usermiddleright2a {
    from{
        transform: translate(0px,0px) scale(.85);
    }
    to{
        transform: translate(-110px,-70px) scale(1);
    }
}





.societydata{

}
.societydatamain{
    width:1248px;
    height: 600px;
    margin: 0 auto;

}
.societydatamain img{
    margin-top: 60px;
    width: 100%;
}
.societydatah1{
    padding-top: 50px;
    text-align: center;
    color: #3E3E3E ;
    line-height: 36px;
}
.society_plan{
    background-image: url("../imgs/txcociety_plan_bg.png");
    background-position: center;
    background-repeat: no-repeat;
}
.society_planmain{
    height: 640px;
}
.society_planh1{
    text-align: center;
    padding-top: 50px;
}
.society_planmain ul li{
    float: left;
    width: 160px;
    margin-right: 8px;
    margin-top: 50px;
    background: white;
    text-align: center;
    padding: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.society_planmain ul li img{
    margin-top: 35px;
}
.society_planmainli1{
    height: 300px;
}
.society_planmainli2{
    height: 350px;
}
.society_planmainli3{
    height: 400px;
}
.society_plan_p1{
    margin-top: 20px;
    font-size: 18px;
    color: #353535;
    font-weight: 600;
    margin-bottom: 20px;
}
.society_plan_p2{
    color: #9B9B9B;
    font-size: 14px;
    line-height: 20px;
}

.society_casemain{
   height: 620px;
}
.society_caseh1{
    text-align: center;
    padding-top: 50px;
    color: #3E3E3E;
}
.society_casemain ul{
    padding-top: 30px;
    height:390px;
}
.society_casemain ul li{
    float: left;
    width: 260px;
    text-align: center;
    margin-right: 60px;
}
.society_casemain ul li img{
    margin-top: 15px;
    margin-bottom: 15px;
}
.society_casemain ul li div{
    padding:20px;
    height: 295px;
    box-shadow: 0 0 4px #929292;
    -webkit-box-shadow: 0 0 4px #929292;
}
.society_casemainli_pjieshao{
    color: #929292;
    font-size: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    overflow: hidden;
}
p.society_casemain_p{
    text-align: center;
    margin-top: 32px;
}

.society_casemainli_p{
    margin-top: 15px;
    font-size: 16px;
    color:#323232 ;
    height: 42px;
    line-height: 42px;
}

p.society_casemain_p a {
    padding: 10px 25px 10px 25px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color:#323232 ;
    font-size: 16px;
    -webkit-box-shadow: 0 2px 4px #ebebeb;
    box-shadow: 0 2px 4px #ebebeb;
}
p.society_casemain_p a:hover{
    background: #eaeaea;
}







.society_startp{
    color: #ececec;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
}
.society_startline{
    width: 60px;
    color: #8E8E8E;
    text-align: center;
    height: 0px;
    display: block;
    margin: 0 auto;
    position: relative;
    border-bottom: 1px solid #99854E;
    margin-top: 30px;
    margin-bottom: 20px;
}


.society_start{
    background-image: url("../imgs/txsociety_start_bg.png");
    background-position: center;
    background-repeat: no-repeat;
}
.society_startmain{
    height: 590px;
    position: relative;
}
.society_starth1{
    text-align: center;
    padding-top: 50px;
}
.society_startmaindiv1 {
    position: absolute;
    margin-top: 187px;
    color: white;
    width: 350px;
    margin-left:9px;
    text-align: center;
    letter-spacing: 5px;

}

.society_startmaindiv2 {
    position: absolute;
    margin-left: 417px;
    margin-top: 180px;
    color: white;
    width: 350px;
    text-align: center;
}

.society_startmaindiv3 {
    position: absolute;
    margin-left: 856px;
    margin-top: 187px;
    color: white;
    width: 350px;
    text-align: center;
}
.society_startmaindiv1 h1,.society_startmaindiv2 h1,.society_startmaindiv3 h1{
    font-size: 20px;
letter-spacing: 5px;
}

.society_startmainp{
    text-align: center;
    margin-top: 346px;
}
.society_startmainp a{
    width: 125px;
    height: 45px;
    line-height: 45px;
    color: white;
    background: #2b2b2b;
    display: block;
    margin: 0 auto;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}


.society_startmainp a:hover{
background:#272727
}
/*moments*/

.moments_banner{
background-image: url("../imgs/moments_banner_bg.png");
    background-position: center;
    background-repeat: no-repeat;
}

.moments_bannermain{
    height: 610px;
}

.moments_adv{
    background-image: url("../imgs/moments_adv_bg.png");
    background-position: center;
    background-repeat: no-repeat;
}
.moments_advmain{
    position: relative;
    height: 640px;

}
.fr.moments_advmainright {
    margin-top:200px;
}

.moments_advmainright p{
    margin:40px 0 30px 0;
    font-size: 15px;
color:#9fa0a0;
    line-height: 25px;
}
.moments_advmainright span{
    font-size: 17px;
    color:#323232 ;
    margin:0 5px 0 5px ;
    font-weight:600;
}
.moments_advmainrighth1{
    color: #323232;
}


.moments_newform{
    background-image: url("../imgs/moments_newform_bg.png");
    background-position: center;
    background-repeat: no-repeat;

}
.moments_newformmain{
    height: 640px;
    overflow:hidden;
}
.moments_newformmainh1{
    text-align: center;
    padding-top:50px ;
}
.moments_newformmainp{
font-size: 15px;
    text-align: center;
    color:#e3e3e3;
    margin-top: 10px;
}

.moments_newformmaindiv{

    position: relative;
    margin: 0 auto;
    margin-top: 20px;
    height: 460px;
    margin-left: 100px;
}
.moments_newformmaindivleft ul{
    padding-top: 20px;
}
.moments_newformmaindivleft ul li a{
    width: 300px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    background: rgba(106,106,106,.5);
    margin: 20px 0 20px 0;
    color: white;
    display: block;
    cursor: pointer;
    font-size: 18px;
}
.moments_newformmaindivlefta{
    background: rgba(84,84,84,.8)!important;
}
.moments_newformmaindivleft ul li a:hover{
    background: rgba(84,84,84,.8);
}


.moments_newformmainline100{
    width: 100px;
    border-bottom:1px solid white;
    position: relative;
    margin-top: 400px;
    margin-left: 35px;
}
.moments_newformmainline30{
    margin-top: 20px;
    width: 30px;
    position: absolute;
    right: 0;
    border-bottom:1px solid white;
}
.fl.moments_newformmaindivright {
    width: 281px;
    height: 594px;
    position: relative;
}
.moments_newformmaindivrightdiv1{
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
 }
.moments_newformmaindivrightdiv2{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    margin-left: -18px;
    margin-top: 150px;
   transform: translate(0px,0px)scale(.8);
    -webkit-transform: translate(0px,0px)scale(.8);
}
.moments_newformmaindivrightdiv2animation{

    -webkit-animation:moments_newformmaindivrightdiv2animation 1s;
    animation:moments_newformmaindivrightdiv2animation 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

}

@-webkit-keyframes moments_newformmaindivrightdiv2animation {
    from{
        -webkit-transform: translate(0px,0px)scale(.8);
    }
    to{
        -webkit-transform: translate(-80px,-45px)scale(1);
    }
}
@keyframes moments_newformmaindivrightdiv2animation {
    from{
        transform: translate(0px,0px)scale(.8);
    }
    to{
        transform: translate(-80px,-45px)scale(1);
    }
}




.moments_newformmaindivrightdiv2animationa{

    -webkit-animation:moments_newformmaindivrightdiv2animationa 1s;
    animation:moments_newformmaindivrightdiv2animationa 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

}

@-webkit-keyframes moments_newformmaindivrightdiv2animationa {
    from{
        -webkit-transform: translate(0px,0px)scale(.8);
    }
    to{
        -webkit-transform: translate(-80px,25px)scale(1);
    }
}
@keyframes moments_newformmaindivrightdiv2animationa {
    from{
        transform: translate(0px,0px)scale(.8);
    }
    to{
        transform: translate(-80px,25px)scale(1);
    }
}


.moments_newformmaindivrightdiv2div1{
    width: 250px;
    height: 285px;
    background: #cdcdcd;
    position: absolute;
    top: 0;
    margin-top: 212px;
    margin-left: 16px;
    display: none;
}

.moments_newformmaindivrightdiv2div1line1{
    width: 159px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: -141px;
    margin-top: 496px;
}
.moments_newformmaindivrightdiv2div1line2{
    width: 190px;
    -webkit-transform: rotate(71deg);
    transform: rotate(71deg);
    margin-left: 77px;
    margin-top: 498px;
}
.moments_newformmaindivrightdiv2div1line3{
    width: 116px;
    -webkit-transform: rotate(70.5deg);
    transform: rotate(70.5deg);
    margin-left: 151px;
    margin-top: 214px;
}
.moments_newformmaindivrightdiv2div1line1,.moments_newformmaindivrightdiv2div1line2,.moments_newformmaindivrightdiv2div1line3{
    display: none;
    height: 1px;
    border-bottom: 1px dashed #2abd2a;
    position: absolute;
    top: 0;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}


.moments_newformmaindivrightdiv2div2{

    width: 250px;
    height: 285px;
    background: #cdcdcd;
    position: absolute;
    top: 0;
    margin-top: 212px;
    margin-left: 16px;
}
.moments_newformmaindivrightdiv2div2line1{
    width: 183px;
    -webkit-transform: rotate(53deg);
    transform: rotate(53deg);
    margin-left: -165px;
    margin-top: 496px;
}
.moments_newformmaindivrightdiv2div2line2{
    width: 190px;
    -webkit-transform: rotate(75deg);
    transform: rotate(75deg);
    margin-left: 77px;
    margin-top: 498px;

}
.moments_newformmaindivrightdiv2div2line3{
    width: 147px;
    -webkit-transform: rotate(75deg);
    transform: rotate(75deg);
    margin-left: 120px;
    margin-top: 212px;
}


.moments_newformmaindivrightdiv2div2line1,.moments_newformmaindivrightdiv2div2line2,.moments_newformmaindivrightdiv2div2line3{
    height: 1px;
    border-bottom: 1px dashed #2abd2a;
    position: absolute;
    top: 0;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}














.moments_newformmaindivrightdiv2div3{

    width: 250px;
    height: 285px;
    background: #cdcdcd;
    position: absolute;
    top: 0;
    margin-top: 212px;
    margin-left: 16px;
}
.moments_newformmaindivrightdiv2div3line1{
    width: 156px;
    -webkit-transform: rotate(44deg);
    transform: rotate(44deg);
    margin-left: -139px;
    margin-top: 495px;
}
.moments_newformmaindivrightdiv2div3line2{
    width: 190px;
    -webkit-transform: rotate(70.5deg);
    transform: rotate(70.5deg);
    margin-left: 77px;
    margin-top: 498px;

}
.moments_newformmaindivrightdiv2div3line3{
    width: 140px;
    -webkit-transform: rotate(79.5deg);
    transform: rotate(74.5deg);
    margin-left: 126px;
    margin-top: 212px;
}


.moments_newformmaindivrightdiv2div3line1,.moments_newformmaindivrightdiv2div3line2,.moments_newformmaindivrightdiv2div3line3{
    height: 1px;
    border-bottom: 1px dashed #2abd2a;
    position: absolute;
    top: 0;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}













.moments_newformmainline25{
     width: 25px;
     border-bottom:1px solid white;
     position: relative;
    margin-top: 433px;
    margin-right: 3px;
 }
.moments_newformmainline15{
    margin-top: 5px;
    width: 15px;
    position: absolute;
    right: 0;
    border-bottom:1px solid white;
}
.moments_newformmain100 a {
    width: 100px;
    margin-top: 415px;
    text-align: center;
    background: rgba(109,109,109,.6);
    display: block;
    height: 40px;
    color: white;
    line-height: 40px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
}
.moments_newformmain100 a:hover{
    background: rgba(109,109,109,.9);
}

.moments_hommization{
   /* background: url("../imgs/moment_renxinghua_bg.png")center no-repeat;*/
}

.moments_hommizationmain{
    width: 1000px;
    margin: 0 auto;
    height: 640px;
    display: block;
}
.moments_hommizationmainh1{
    padding-top: 50px;
    text-align: center;
    color: #323232;
}

.moments_hommizationmainp1{
    font-size: 18px;
    margin: 0px 0 5px 0;
    font-weight: 600;
    color: #444444;
}
.moments_hommizationmainp2{
    font-size: 14px;
    color: #929292;
    width: 580px;
    border-bottom: 1px solid #ececec;
    height: 65px;
}
.moments_hommizationmain ul{
    margin-top: 80px;
}
.moments_hommizationmain ul li {
    margin-top:20px;
    margin-right: 15px;
    margin-left: 125px;
    height: 110px;
    display: block;
}
.moments_hommizationmain ul li span{
    width:145px;
    height: 70px;
    text-align: center;
    display: block;
    position: relative;
    border-right: 2px solid #23a8f4;
    margin-right: 30px;
}
.moments_hommizationmain ul li img{
margin-top: 3px;
}
.moments_effect{
  background-image: url("../imgs/moments_effect_bg.png");
    background-position: center;
    background-repeat: no-repeat;
}
.moments_effectmain{
    width: 900px;
    margin: 0 auto;
    display: block;
    height: 520px;
}
.moments_effectmainh1{
    color: white;
    text-align: center;
    padding-top: 50px;
}


.moments_effectmainleft{
    width: 520px;
    margin-top: 90px;
}
.moments_effectmainleft ul li{
    float: left;
    width: 160px;
    height: 80px;
    font-size: 18px;
    line-height: 80px;
    background: white;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 5px;
    margin-right: 20px;
    color: #4b4b4b;
    cursor: pointer;
    -webkit-border-radius:4px;
    border-radius: 4px;
}
.moments_effectmainleft ul li:hover{
    background: #23a8f4;
    color: white;
}
.moments_effectmainleftulli{
    background: #23a8f4!important;
    color: white!important;
}
.moments_effectmainright{
    width: 350px;
    background: white;
    margin-top: 90px;
    height: 200px;
}
.moments_effectmainright img{
    margin-left: 5px;
    margin-top:2px;
}
.moments_effectmainright p{
    width: 160px;
    margin: 0 auto;
    color: #9b9b9b;
    text-align: center;
}





.moments_orient{

}
.moments_orientmain{
    height: 640px;
    position: relative;
}
.moments_orientmainh1{
    color: #323232;
    text-align: center;
    padding-top: 50px;
}
.moments_orientmaindiv{
    width: 100%;
height: 380px;
    position: relative;
    margin-top: 30px;
}
.moments_orientmaindiv ul li{
    width:300px;
    height:100px;
    margin-left: 35px;
    line-height: 100px;
    margin-bottom: 60px;
    -webkit-box-shadow: 0 2px 4px  #e6e6e6;
box-shadow: 0 2px 4px  #e6e6e6;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.moments_orientmaindiv ul li img{
    margin-top: 30px;
margin-left: 50px;
    float: left;
    margin-right: 30px;
}

.moments_orientmaindivli1bg{
    background:#23a8f4 ;
    color: white!important;
}

.moments_orientmaindiv ul li a{
    float: left;
    font-size: 24px;
    color: #323232;
}



.moments_buy{
background: #efefef;
}
.moments_buymain{
    height: 640px;
    display: block;

}
.moments_buymainh1{
    text-align: center;
    padding-top: 50px;
    color: #323232;
}
.moments_buymaindiv{
    width: 914px;
    height: 398px;
    margin: 0 auto;
    margin-top: 40px;
}
.moments_buymaindivp{
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 30px;
}

.moments_buymaindivp a{
    width: 125px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color:#323232 ;
    background: white;
    display: block;
    margin: 0 auto;
    font-size: 16px;
    -webkit-box-shadow: 0 2px 4px #d6d6d6;
    box-shadow: 0 2px 4px #d6d6d6;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.moments_buymaindivp a:hover{
    background:#e4e4e4 ;
}



.moments_case{
    background-image: url("../imgs/moments_case_bg.png");
    background-position: center;
    background-repeat: no-repeat;
}
.moments_casemain{
    width: 960px;
    margin: 0 auto;
    display: block;
    height: 627px;
    display: block;
}

.moments_casemainh1{
    text-align: center;
    padding-top: 50px;
    color: #323232;
}
.moments_casemaindiv{
    margin-top: 50px;
    height: 403px;
}

.moments_casemaindiv li{
    width: 300px;
    height: 330px;
    float: left;
    margin-right: 30px;
    position: relative;
    -webkit-box-shadow: 0 0 4px #E6D9D9;
    box-shadow: 0 0 4px #E6D9D9;
    text-align: center;
}
.moments_casemaindivlidiv{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    display: none;
    background: white;
}

.moments_casemaindiv li:hover .moments_casemaindivlidiv{
    display: block;
}
.moments_casemaindivliptitle{
    font-size: 16px;
    font-weight: 600;
    color: #323232;
    margin: 20px 0 20px 0;
}

.moments_casemaindivlip_p{
    font-size: 13px;
    color: #929292;
}
.moments_casemaindivlip_p span{
    margin: 0 4px 0 4px;
}
.moments_casemaindivlidiv img{
    margin-top: 65px;
}

/*
.moments_casemaindivlidiv div{

    width: 300px;
    height: 100px;
}

.moments_casemaindivlidiv div p{
    margin-top: 10px;
    font-size: 12px;
    margin-left: 8px;
    margin-right: 8px;
    color: #323232;

}
.moments_casemaindivlidiv p span{
    margin-top: 10px;
    font-size: 18px;
    display: block;
    color: #00c6ff;
}
*/
.moments_casemainp_a{
    text-align: center;
}
.moments_casemainp_a a{
    font-size: 16px;
    color: #4b4b4b;
    padding: 15px 30px 15px 30px;
    background: #eaeaea;
    -webkit-box-shadow: 0 2px 4px #dedede;
    box-shadow: 0 2px 4px #dedede;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.moments_casemainp_a a:hover{
    background: #d5d5d5;
}



.moments_cooperate{
background:#2d2d2d;
}
.moments_cooperatemain{
    height: 600px;
    display: block;
}
.moments_cooperatemainh1{
    text-align: center;
    padding-top: 50px;
}
.moments_cooperatemainimg{
height: 195px;
    margin-top: 95px;
}
.moments_cooperatemainp{
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 90px;
}
.moments_cooperatemainp a{
    width: 125px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    color: white;
    font-size: 16px;
    display: block;
    background: #383838;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.moments_cooperatemainp a:hover{
background:#343434
}



/*wxpublicsign*/

.wxpublicsign_banner{
background-image: url("../imgs/wxpublicsign_banner_bg.png");
    background-position: center;
    background-repeat: no-repeat;
}
.wxpublicsign_bannermain{
height: 687px;
}

.wxpublicsign_wxsign{
    background-image: url("../imgs/wxpublicsign_wxsign_bg.png");
    background-position: center;
    background-repeat: no-repeat;
}
.wxpublicsign_wxsignmain{
    width: 1047px;
    display: block;
    margin: 0 auto;
    height: 640px;
}
.wxpublicsign_wxsignmainh1{
    color: #323232;
    padding-top: 145px;
    letter-spacing: 5px;
}
.wxpublicsign_wxsignmainp{
    margin-top: 38px;
    font-size: 18px;
    line-height: 29px;
    color: #636363;
}
.wxpublicsign_wxsignmainp2 span{
    color: #2174ff;

}
.wxpublicsign_wxsignmainp2{
    margin-top: 110px;
    font-size: 18px;
    line-height: 29px;
    color: #717171;
}
.wxpublicsign_wxsignmainp span{
    color: #2174ff;

    font-size: 19px;
}
.wxpublicsign_wxsignmainp_span1{
     margin: 0 0px 0 5px;
 }
.wxpublicsign_wxsignmainp_span2{
    margin: 0 8px 0 5px;
}
.wxpublicsign_form{
    background-image: url("../imgs/wxpublicsign_form_bg.png");
    background-position: center;
    background-repeat: no-repeat;
}

.wxpublicsign_formmain{
    height: 640px;
    position: relative;
    overflow: hidden;
}


/*wxpublicsign_formmain_swiper*/

.wxpublicsign_formmain_swiper{
    padding-top: 150px;
}
.swiper-container {
    width: 100%;
    height: 100%;
    width: 800px;
}
.wxpublicsign_formmaindiv1{
    height: 80px;
    margin: 0 auto;
    width: 952px;
    padding-top: 50px;
    display: block;
}
.wxpublicsign_formmaindiv1 ul li{
    float: left;
    background: rgba(137, 141, 147,.3);
    color: white;
    cursor: pointer;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 280px;
    text-align: center;
    height: 80px;
    margin-right: 56px;
    line-height: 80px;
}
.wxpublicsign_formmaindiv1li{
    background: rgba(1, 1, 1,.4)!important;
    -webkit-transform: scale(1.1);
    transform: scale(1.06);

}
.wxpublicsign_formmaindiv2{
    margin-top: 30px;
    text-align: center;
}


.wxpublicsign_superioritymain{
height: 500px;
}

.wxpublicsign_superioritymainh1{
    padding-top: 50px;
   color: #323232;
    text-align: center;
}
.wxpublicsign_superioritymainullih1{
    font-size: 24px;
    color:#323232 ;
}
/*
.wxpublicsign_superioritymain ul li{
    float: left;
    text-align: center;
    margin-top: 60px;
    margin-right: 133px;
}
.wxpublicsign_superioritymain ul li img{
    margin: 20px 0px 20px 0px;
}
.wxpublicsign_superioritymain ul li p{
    line-height: 25px;
    font-size: 15px;
}
*/

.wxpublicsign_superioritymaindiv{
    width: 825px;
position: relative;
    height: 240px;
margin:0 auto;
    margin-top: 50px;
}
.wxpublicsign_superioritymaindiv div{
    float: left;
display: block;

}
.wxpublicsign_superioritymaindivleft,.wxpublicsign_superioritymaindivright{
    width: 215px;
    margin-top: 130px;
}
.wxpublicsign_superioritymaindivleft1,.wxpublicsign_superioritymaindivright1{
    width: 208px;
    height: 28px;
    margin-bottom: 50px;
}
.wxpublicsign_superioritymaindivleft2,.wxpublicsign_superioritymaindivright2{
    width: 208px;
    height: 28px;

}
.wxpublicsign_superioritymaindivmain{
    width: 338px;
    height: 270px;
    margin: 0 28.5px 0 28.5px;
}


.wxpublicsign_spread{
background-image: url("../imgs/wxpublicsign_spread_bg.png");
    background-position: center;
    background-repeat: no-repeat;
}
.wxpublicsign_spreadmain{
height: 640px;
    overflow: hidden;
}
.wxpublicsign_spreadmaindiv{
    margin-top: 10px;
    position: relative;
}
.wxpublicsign_spreadmainh1{
    text-align: center;
    padding-top: 50px;
}
.wxpublicsign_spreadmaindiv1{
width: 656px;
    display: block;
    margin: 0 auto;
    height: 62px;
    border-bottom: 2px solid #5f5f5f;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.wxpublicsign_spreadmaindiv1 ul li{
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: block;
    color:#b5b5b5;
    cursor: pointer;
    float: left;
    position: relative;
    padding: 0 30px 0 30px;
    margin: 0 20px 0 20px ;
    -webkit-box-sizing:border-box;
    box-sizing: border-box;
    border-bottom: 3px solid rgba(1,1,1,0);
}

.wxpublicsign_spreadmaindiv1ulli{
    color: white!important;
    border-bottom:4px solid #5897ff!important;
}
.wxpublicsign_spreadmaindiv2{
    margin-top: 30px;
    text-align: center;
}





.wxpublicsign_plan{

background: #f6f6f6;
}
.wxpublicsign_planmain{
 height: 640px;
}

.wxpublicsign_planmainh1{
    padding-top: 50px;
    color: #323232;
    text-align: center;
}
.wxpublicsign_planmaindiv{

    width: 850px;
    margin: 0 auto;
    position: relative;
    height: 320px;
    margin-top: 80px;
}
/*
.wxpublicsign_planmaindivleft ul li,.wxpublicsign_planmaindivright ul li{
    width: 350px;
    height: 65px;
    margin-top: 40px;
}
.wxpublicsign_planmaindivleft ul li h1,.wxpublicsign_planmaindivright ul li h1{
    text-align: center;
    width: 60px;
    font-size: 24px;
    color: #161616;
    height: 60px;
    line-height: 60px;
    border-right:1px solid #a7a7a7;
    margin-right: 20px;
    margin-top: 5px;
}
.wxpublicsign_planmaindivleft ul li p,.wxpublicsign_planmaindivright ul li p{
    font-size: 16px;
    line-height: 24px;
    color: #5b5b5b;
}
.wxpublicsign_planmaindivleft ul li p span,.wxpublicsign_planmaindivright ul li p span{
    font-size: 18px;
    font-weight: 600;
    color: #2a2a2a;
}
*/
.wxpublicsign_planmaindiv ul li{
    width: 392px;
    height: 122px;
    background: white;
    float: left;
    margin-right: 66px;
    margin-bottom: 15px;
}
.wxpublicsign_planmaindivli2,.wxpublicsign_planmaindivli4,.wxpublicsign_planmaindivli6{
    margin-right: 0!important;
}




.wxpublicsign_case{
    background: white;
}
.wxpublicsign_casemain{
    width: 1000px;
    margin: 0 auto;
    display: block;
    height: 640px;
    display: block;
    position: relative;
}

.wxpublicsign_casemainh1{
    padding-top: 50px;
    color: #323232;
    text-align: center;
}
/*
.wxpublicsign_casemaindiv{
    margin-top: 50px;
    height: 403px;
}

.wxpublicsign_casemaindiv li {
    width: 300px;
    height: 330px;
    float: left;
    margin-right: 30px;
    position: relative;
    -webkit-box-shadow: 0 0 4px #E6D9D9;
    box-shadow: 0 0 4px #E6D9D9;
    text-align: center;
}

.wxpublicsign_casemaindivliptitle {
    font-size: 16px;
    font-weight: 600;
    color: #323232;
    margin: 20px 0 20px 0;
}

.wxpublicsign_casemaindivlip_p {
    font-size: 13px;
    color: #929292;
}
.wxpublicsign_casemaindivlidiv {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    display: none;
    background: white;
}

.wxpublicsign_casemaindivlidiv img {
    margin-top: 30px;
}
.wxpublicsign_casemaindivlidiv div {
    width: 300px;
    height: 100px;
}
.wxpublicsign_casemaindivlidiv div p {
    margin-top: 10px;
    font-size: 12px;
    margin-left: 8px;
    margin-right: 8px;
    color: #323232;
}
.wxpublicsign_casemaindivlidiv p span {
    margin-top: 10px;
    font-size: 18px;
    display: block;
    color: #00c6ff;
}
.wxpublicsign_casemaindiv li:hover .wxpublicsign_casemaindivlidiv {
    display: block;
}


*/

.wxpublicsign_casemaindiv{
    height: 383px;
/*background: url("../imgs/wxpublicsign_case_bg1.png")center no-repeat;*/
    position: relative;
}
.wxpublicsign_casemaindivli2{
    margin-left: 300px!important;
}
.wxpublicsign_casemaindivli3{
    margin-left: 540px!important;
}
.wxpublicsign_casemaindivli4{
    margin-left: 780px!important;
}

.wxpublicsign_casemaindiv iframe{
    margin-top: 20px;
    float: left;
    width: 150px;
    height: 130px;
    margin-left:50px;
    margin-right:40px;
    cursor: pointer;
    position: absolute;
    border: 0;
}


.wxpublicsign_casemainp_a{
    text-align: center;
    margin-top: 30px;
}
.wxpublicsign_casemainp_a a{
    font-size: 16px;
    color: #4b4b4b;
   width: 124px;
    height: 47px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    line-height: 47px;
    margin: 0 auto;
    -webkit-box-shadow: 0 3px 4px #c7c7c7 ;
    box-shadow: 0 3px 4px #c7c7c7 ;
}
.wxpublicsign_casemainp_a a:hover{
    background: #f2f2f2;
}


.wxpublicsign_hezuo{
background-image: url("../imgs/wxpublicsign_hezuo_bg.png");
    background-position: center;
    background-repeat: no-repeat;
}
.wxpublicsign_hezuomain{
    height: 560px;
}
.wxpublicsign_hezuoh1{
    padding-top: 50px;
    text-align: center;
}
.wxpublicsign_hezuomain p{
text-align: center;
    margin-top: 380px;
}

.wxpublicsign_hezuomain p a{
    width: 125px;
    height: 45px;
    line-height: 45px;
    color: white;
    background: #3b3c3d;
    display: block;
    margin: 0 auto;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.wxpublicsign_hezuomain p a:hover {
    background: #373737;
}



/*about*/

.about_banner{
    background-image: url("../imgs/about_banner_bg.png");
    background-position: center;
    background-repeat: no-repeat;
}
.about_bannermain{
height: 640px;
}

.about_introduce {
    background-image: url("../imgs/about_introduce_bg.png");
    background-position: center;
    background-repeat: no-repeat;
}
.about_introducemain{
    height: 640px;
}
.about_introducemaindiv{
width: 580px;
height: 350px;
    padding-top: 140px;
    margin-left: 60px;
}
.about_introducemainh1{
    color: #323232;
    margin-bottom: 36px;
}

.about_introducemaindiv p{
color:#656b6f;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 10px;
}
.about_introducemaindiv p span{
    font-size: 18px;
    font-weight: 600;
    color: #4b4a4a;
}
.about_introducemaindivp{
    /*color: #656b6f;
    font-weight: 600;*/
}
.about_introducemain ul{
    width: 800px;
   margin-left: 60px;
    padding-top: 15px;
    height: 60px;
}
.about_introducemain ul li{
    float: left;
    margin-right: 86.5px;
}
.about_introducemain ul li p{
    margin-left: 10px;
}
.about_introducemain ul li p span{
    color: #4b4a4a;
    padding-left: 10px;
    border-left: 4px solid #2b7bec ;
    font-size: 24px;
    font-weight: 600;
}
.about_introducemain ul li p a{
    padding-left: 14px;
    font-size: 15px;
    color: #4b4a4a;
    margin-top: 7px;
    display: block;
}

.about_course{
    background-image: url("../imgs/about_course_bg.png");
    background-position: center;
    background-repeat: no-repeat;
    height:501px;
    position: relative;
}

.about_coursemain{
    width: 908px;
    height:428px;
    position: relative;
    display: block;
    margin: 0 auto;
}
.about_coursemain iframe{
    width: 140px;
    height: 60px;
    margin-top: 368px;
    position: absolute;
    border: 0!important;
    background: rgba(1,1,1,0)!important;
}
.about_coursemaindiv2{
margin-left: 186px!important;
}
.about_coursemaindiv3{
    margin-left: 367px!important;
}
.about_coursemaindiv4{
    margin-left: 568px!important;
}
.about_coursemaindiv5{
    margin-left:760px!important;
}
.about_honor{
    background-image:url("../imgs/about_honor_bg.png");
    background-position: center;
    background-repeat: no-repeat;
}

.about_honormain{
    width: 100%;
    height: 639px;
    margin: 0 auto;
    display: block;
    position: relative;
}

.about_honormaindiv{
    width: 737px;
    margin-top: 7px;
    height:414px;
  /*  background: url("../imgs/about_honor_img11.png")center no-repeat;*/
    display: block;
    position: absolute;
    width: 100%;
    margin-top: 130px;
}

.about_honormaindivimg1{
    position: absolute;
    left: 50%;
    margin-left: -118.5px;
    z-index: 10;
}
.about_honormaindiv1,.about_honormaindiv2,.about_honormaindiv3,.about_honormaindiv4{
    position: absolute;
    width: 150px;
    height: 150px;
    display: block;
    border: 0;
}
.about_honormaindiv1 {
    margin-top: 6px;
    margin-left: 15px;
}
.about_honormaindiv2 {
    margin-top: 258px;
    margin-left: 15px;
}
.about_honormaindiv3 {
    margin-top: 6px;
    margin-left: 547px;
}
.about_honormaindiv4 {
    margin-top: 258px;
    margin-left: 552px;
}
/*canal*/
.canal_banner{

    background-image: url("../imgs/canal_banner_bg.png");
    background-position: center;
    background-repeat: no-repeat;
}
.canal_bannermain{
    height: 640px;
    position: relative;
}
.canal_bannermaindiv{
    position: absolute;
    bottom: 0px;
    width: 900px;

}
.canal_bannermaindivleft,.canal_bannermaindivright{
    width:440px ;
    height: 120px;

}


.canal_allwinmain{
    height: 640px;
    text-align: center;
}

.canal_allwinmainh1{
   color: #323232;
    padding-top: 50px;
    text-align: center;
}
.canal_allwinmainp{
    margin-top: 30px;
    text-align: center;
    line-height: 25px;
    font-size: 15px;
    color: #929292;
}
.canal_allwinmain img{
    margin-top: 10px;
}



.canal_plan{
    background-image: url("../imgs/canal_plan_bg.png");
    background-position: center;
    background-repeat: no-repeat;
}

.canal_planmain{
    height: 640px;
}

.canal_planmainh1{
    padding-top: 50px;
    text-align: center;
}

.canal_supportmain{
    width: 970px;
    margin: 0 auto;
    height: 640px;
}

.canal_supportmainh1{
    padding-top: 50px;
    text-align: center;
    color: #323232;
}
.canal_supportmain ul{
    margin-top: 70px;
}
.canal_supportmain ul li{
    width: 300px;
background: #f2f2f2;
    height: 150px;
    position: relative;
    float: left;
    margin-right: 35px;
    margin-top: 30px;

}
.canal_supportmain ul li span{
    position: absolute;
    top: 50%;
    left: 50px;
    margin-left: 30px;
    margin-top: -29px;
    display: block;
}
.canal_supportmain ul li p{
margin-top: 18px;
    margin-left: 10px;
    color: #323232;
}
.canal_supportmaindiv{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    display: none;
    background:white;
    -webkit-box-shadow: 0 0 20px #cccccc;
    box-shadow: 0 0 20px #cccccc;

}
.canal_supportmaindiv p{
    margin-top: 20px!important;
    margin-left: 20px!important;
    color: #929292!important;
    font-size: 14px;
    line-height: 25px;
}


.canal_supportmain ul li:hover .canal_supportmaindiv{
   display: block;
}

.canal_footer{
    background: #474747;
}
.canal_footermain{
    width: 880px;
    margin: 0 auto;
    height: 800px;
}
.canal_footermainh1{
    padding-top: 50px;
    text-align: center;
}

.canal_footermaindivul1{
margin-top: 30px;
    height: 60px;
}
.canal_footermaindivul1 li{
    font-size: 18px;
    text-align: center;
    width: 190px;

    height: 60px;
    line-height: 60px;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}
.canal_footermaindivul1 li a{
    height: 40px;
    line-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px;
    color: white;
    display: block;
    cursor: pointer;
    border-right: 1px solid rgba(1,1,1,0);
}
.canal_footermaindivul1lia{
    border-right: 1px solid #777777!important;
}
.canal_footermaindivul1libottomline{
    border-bottom: 1px solid white!important;
    background: #505050!important;
}

.canal_footermaindivul2{

margin-top: 15px;
}
.canal_footermaindivul2 li div{

}

.canal_footermaindivul2li1div1,.canal_footermaindivul2li1div2{

    height: 100px;
    padding-left: 40px;
    background: #505050;
}
.canal_footermaindivul2li1div1 h1,.canal_footermaindivul2li1div2 h1{
    padding-top: 20px;
font-size: 16px;
    color: white;
}

.canal_footermaindivul2li1div1 p,.canal_footermaindivul2li1div2 p{
    padding-top: 15px;
    font-size: 16px;
    color: white;
}
.canal_footermaindivul2li1div1 p a,.canal_footermaindivul2li1div2 p a{
    font-size: 14px;
    color: white;
    margin-right: 100px;
    width: 180px;
    display: block;
    float: left;
}
.canal_footermaindivul2li1div1 p  a span,.canal_footermaindivul2li1div2 p a span{
    font-size: 14px;
    color: #0ceffd;
}
.canal_footermaindivul2li1div1{
    margin-bottom: 5px;
}



.canal_footermaindiv_2{
    margin-top: 50px;
    padding-left: 40px;
position: relative;
    height: 180px;
    border-bottom: 1px solid #747474;
}
.canal_footermaindiv_2left{
}
.canal_footermaindiv_2left p{
    margin-top: 20px;
    color: #d1d1d1;
    font-size: 14px;
    line-height: 25px;
}


.canal_footermaindiv_2left p span{

    margin: 0 10px 0 10px;
}
.canal_footermaindiv_2right{
    margin-right: 30px;
}
.canal_footermaindiv_2right p{
    color: white;
    font-size: 14px;
    text-align: center;
}

.canal_footermaindiv_3{
    text-align: center;
}

.canal_footermaindiv_3 p,.canal_footermaindiv_3 p a{
    font-size: 14px;
    color: #d1d1d1;
}
.canal_footermaindiv_3 p a{
   margin: 0 10px 0 10px;
}
.canal_footermaindiv_3_p1{
    margin: 20px 0 50px 0
}



/*contact us*/
.contactus_banner{

    background-image: url("../imgs/contactus_banner_bg.png");
    background-position: center;
    background-repeat: no-repeat;
}
.contactus_bannermain{
    height: 640px;
}

.contactus_usmain{
    width: 1211px;
    height: 640px;
    margin: 0 auto
;
}

.contactus_usmainleft{
    margin-top: 35px;
    width: 492px;
    height: 558px;
    background-image: url("../imgs/contactus_us_bg.png");
    background-position: center;
    background-repeat: no-repeat;
}
.contactus_usmainleft p{
    margin-left: 88px;
    font-size: 18px;
    color: #d1d1d1;
    position: absolute;
}
.contactus_usmainleftp1{
    margin-top: 180px;
}
.contactus_usmainleftp2{
    margin-top: 273px;
}
.contactus_usmainleftp3{
    margin-top: 378px;
}
.contactus_usmainleftp4{
    margin-top: 484px;
    color:#f5f5f5!important;
}

.contactus_usmain img{
    margin-top: 37px;
}


.contactus_footer{
    background: #3b3b3b;
    height: 196px;
}
.contactus_footermain{
    padding-top: 20px;
}


/*case*/


.case_banner{
background-image: url("../imgs/case_bg.png");
    background-position: center;
    background-repeat: no-repeat;
}

.case_bannermain{
height: 684px;
}



.case_casemain{
    display: block;
position: relative;
    padding-bottom: 140px;
}
.case_casemaindiv1{
    height: 95px;
    margin-top: 35px;
    box-shadow: 0 0 20px #f7f7f7;
    display: block;
}

.case_casemaindiv1 ul li{
    float: left;
    width: 333px;
    height: 95px;
    line-height: 95px;
    text-align: center;
    font-size: 18px;
    box-sizing: border-box;
    border-bottom: 3px solid rgba(1,1,1,0);
}
.case_casemaindiv1ulli{
    border-bottom: 3px solid #0088ff!important;
    color: #0088ff;
    background: #e0f1ff;
}


.case_casemaindiv2{
    height: 125px;
    margin-top: 20px;
    position: relative;
    -webkit-box-shadow: 0 0 40px #e0e0e0;
    box-shadow: 0 0 40px #e0e0e0;
}
.case_casemaindiv2_1,.case_casemaindiv2_2,.case_casemaindiv2_3{
    position: absolute;
    top:0;
}
.case_casemaindiv2_1{
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    position: relative;
}


.case_casemaindiv2_1 ul li {
float: left;
    width:80px;
    height: 125px;
    margin-left: 40px;
}

.case_casemaindiv2_1 ul li img,.case_casemaindiv2_2 ul li img,.case_casemaindiv2_3 ul li img{
    margin-top:25px!important;
    width: 80px;
}


.case_casemaindiv2_2{
    width: 100%;
    height: 100%;
    background: #f7f7f7;
}

.case_casemaindiv2_2 ul li {
    float: left;
    width:80px;
    height: 125px;
    margin-left: 40px;
}

.case_casemaindiv2_3{
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    position: relative;
}
.case_casemaindiv2_3 ul li {
    float: left;
    width:80px;
    height: 125px;
    margin-left: 40px;

}

.case_casemaindiv3{
    height: 550px;
    margin-top: 15px;
    background: #f1f1f1;
    position: relative;
    -webkit-box-shadow: 0 -3px 20px #e0e0e0;
    box-shadow: 0 -3px 20px #e0e0e0;
}
.case_casemaindiv3_1{
    width: 716px;
    height: 486px;
    margin: 0 auto;
    background: white;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -370px;
    margin-top: -240px;
    background-image: url("../imgs/case_caseshejiao_img1_2.png");
    background-position: center;
    background-repeat: no-repeat;
}

.case_casemaindiv4{
    height: 390px;
    margin-top: 10px;
    background: #f1f1f1;
    position: relative;
    -webkit-box-shadow: 0 3px 20px #e0e0e0;
    box-shadow: 0 3px 20px #e0e0e0;
}

.case_casemaindiv4_1{
    width: 730px;
    height: 259px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -365px;
    margin-top: -195px;
    background-image: url("../imgs/case_caseshejiao_img1_3.png");
    background-position: center;
    background-repeat: no-repeat;
}
.case_casemaindiv4_2{
    width: 780px;
    height: 50px;
    /* background: white; */
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -390px;
    margin-top: 108px;
}
.case_casemaindiv4_2 p{
    text-align: center;
}

.case_casemaindiv4_2 p a{
    width: 120px;
    height: 40px;
    line-height: 40px;
    display: block;
    background: white;
    margin: 0 auto;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 4px #cccccc;
    box-shadow: 0 3px 4px #cccccc;
    font-weight: 600;
    color: #4b4b4b;
}
.case_casemaindiv4_2 p a:hover{
    background:#e4e4e4
}






.bus_foot {
    width: 100%;
    height: 554px;
    background-image: url(../imgs/logo_footer.png);
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
}

.content {
    width: 1196px;
    margin: 0 auto;
}
.bus_foot .bus_logo {
    width: 237px;
    height: 80px;
    background-image: url(../imgs/bus_logo2.png);
    display: inline-block;
    margin-top: 60px;
    margin-left: -12px;
}
.bus_foot .txt {
    font-size: 36px;
    line-height: 80px;
    margin-top: 25px;
    font-weight: 600;
    letter-spacing: 6px;
}
.bus_foot .box {
    margin-top: 45px;
}
.bus_foot .box .query {
    float: left;
    border-right: 1px solid #fff;
    text-align: right;
    padding-right: 54px;
    width: 598px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.bus_foot .box h3 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 27px;
    opacity: .9;
    filter: alpha(opacity=90);
}
.bus_foot .box p {
    font-size: 14px;
    line-height: 32px;
    opacity: .9;
    filter: alpha(opacity=90);
}
.bus_foot .box a {
    width: 200px;
    height: 42px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    display: inline-block;
    background-color: rgba(13, 163, 249, .5);
    color: #ccd8e3;
    text-align: center;
    line-height: 42px;
    font-size: 20px;
    margin-top: 40px;
    font-weight: 600;
}

.bus_foot .box .relation {
    float: right;
    text-align: left;
    padding-left: 54px;
    width: 598px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.content_f {
    min-width: 1000px;
    margin: 0 auto;
    padding: 75px 0 45px;
    background: #313131;
    text-align: center;
}
.content_f a {
    color: #fff;
    margin-left: 5px;
    margin-right: 5px;
}

.content_f img {
    margin: 0 auto 54px;
}
.content_f p {
    color: #fff;
    line-height: 20px;
    font-size: 14px;
    margin: 0 0 30px;
}